<template>
  <div class="app-container">
    <div class="bullshit_img">
      <img src="@/assets/404_images/404.png" alt="404" />
    </div>
    <div class="bullshit">
      <div class="bullshit__oops">OOPS! Holy Shit!</div>
      <div class="bullshit__info">版权所有boofie@2020-2021</div>
      <div class="bullshit__headline">{{ message }}</div>
      <div class="bullshit__info">
        请检查您输入的网址是否正确，请点击以下按钮返回主页或者发送错误报告
      </div>
      <el-link :underline="false" type="text" class="bullshit_email" href="/">返回首页</el-link>
      <el-link :underline="false" type="text" class="bullshit_email" href="https://email.163.com/" target="_blank">邮件问候</el-link>
    </div>
  </div>
</template>

<script>
export default {
  name: "Page404",
  computed: {
    message() {
      return "友好的网管大大偷偷告诉你--这里禁止通行！";
    },
  },
};
</script>
<style>
.bullshit_img {
  width: 50%;
  height: 280px;
  margin: 32px auto;
}
.bullshit {
  text-align: center;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  color: wheat;
}
.bullshit_email {
  text-align: center;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  margin: 0 25px;
  color: wheat;
}
</style>
